<html>
<wicket:extend>

	<div class="container">
	
			<div class="span-11">			
			<font size="5">Voice Recognition</font> 
				<input wicket:id="on" type="button" value="On" /> 
			<div class="span-10"><font size="2"><p align="right">Microphone Sensitivity</p></font>
			</div>
			<fieldset>			
			<p>Room  <input wicket:id="on" type="button" value="On" /> 
					 <input wicket:id="off" type="button" value="Off" />
					 <img wicket:id="full_bar" align="right"/>				 
			<p>Bathroom  <input wicket:id="on" type="button" value="On" /> 
					 <input wicket:id="off" type="button" value="Off" />
					 <img wicket:id="full_bar" align="right"/>
			<p>Kitchen  <input wicket:id="on" type="button" value="On" /> 
					 <input wicket:id="off" type="button" value="Off" />
					 <img wicket:id="full_bar" align="right"/>
			<p>Living/Sleeping/Dining  <input wicket:id="on" type="button" value="On" /> 
					 <input wicket:id="off" type="button" value="Off" />
					 <img wicket:id="full_bar" align="right"/>
			<p>Front Door  <input wicket:id="on" type="button" value="On" /> 
					 <input wicket:id="off" type="button" value="Off" />
					 <img wicket:id="full_bar" align="right"/>
			</fieldset>			
		</div>
		
		<div class="span-10 prepend-top tight">		
		<h3> Voice Control Syntax</h3>		
		<h4>Commands are issued in the following order and may be rearranged.</h4>		
		<center>
		<input wicket:id="area" type="button" value="Area" />
		<input wicket:id="object" type="button" value="Object" />		
		<input wicket:id="function" type="button" value="Function" />
		<h3></h3>
		<p><i>Example: "Bedroom lights on" or "Living tv off"</i>
		</center>
		</div>		
		
		<div class="span-10 tight">		
		<h3> Add Voice Recognition Profile </h3>
		<fieldset>
		<p>Dad
		<p>Mom
		</fieldset>
		<input wicket:id="add" type="button" value="Add" />
		<input wicket:id="edit" type="button" value="Edit" />		
		<input wicket:id="remove" type="button" value="Remove" />
		</div>
		
		<div class="span-3 tight">
		<h4><center>Area</center></h4>
		<fieldset>
		<p>Room <img wicket:id="icon_mic_small" align="right"/>
		<p>Bathroom
		<p>Kitchen
		<p>Living <img wicket:id="icon_mic_small" align="right"/>
		<p>Front Door
		</fieldset>
		</div>
		
		<div class="span-3 tight">
		<h4><center>Object</center></h4>
		<fieldset>
		<p>Lights <img wicket:id="icon_mic_small" align="right"/>
		<p>Fan
		<p>TV <img wicket:id="icon_mic_small" align="right"/>
		<p>Window
		</fieldset>
		</div>
		
		<div class="span-3 tight">
		<h4><center>Function</center></h4>
		<fieldset>
		<p>On
		<p>Off <img wicket:id="icon_mic_small" align="right"/>
		<p>Dim
		</fieldset>
		</div>
		
		<div class="span-24 append-bottom">
		<img wicket:id="icon_mic_large"/> <i>Indicates a recording has been associated with the command.</i>
		<h3></h3>
		<input wicket:id="record" type="button" value="Record" />
		<input wicket:id="playback" type="button" value="Playback" />		
		<input wicket:id="remove" type="button" value="Remove" />
		</div>
		
	</div>
	
</wicket:extend>
</html>

